﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>events_1</title>
<link href="../css/common.css" rel="stylesheet"/>
<link href="../css/meishi.css" rel="stylesheet"/>
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$().ready(function(){
	$(".action_nav a").click(function(){
		$('.action_nav li').removeClass('ac');
		$(this).parents('li').addClass("ac");
	});
	
});
</script>
</head>

<body>
<div class="main">
  <div class="header">
    <div class="header_wz"> <a href="#">中文 </a>| <a href="#">English</a> </div>
  </div>
  <div class="container">
    <div class="eye">
      <div class="nav"> <a href="../introduction/History.html" title="about" style="  width:120px; left:220px; top:5px;"></a> <a href="../Board/board_AlanWay.html" title="Board" style="  width:80px; left:350px; top:5px;"></a> <a href="../events/Now" title="Events" style="  width:80px; left:440px; top:5px;"></a> <a href="../ribbon/ribbon.html" title="Ribbon" style="  width:80px; left:540px; top:5px;"></a> <a href="#" title="Contacts us" style="  width:80px; left:650px; top:5px;"></a> <a href="#" title="login in" style="  width:50px; left:860px; top:5px;"></a> <a href="#" title="Sign up" style="  width:50px; left:910px; top:5px;"></a> </div>
      <div class="big_intro">
        <ul class="clearfix">
          <li><a href="#"><img src="../images/temp/1000215_1.jpg" width="1000" height="215"/></a></li>
          <li style="display:none;"><a href="#"><img src="../images/temp/1000215_2.jpg" width="1000" height="215"/></a></li>
        </ul>
      </div>
      <div class="narrow clearfix">
        <div class="l_narrow" style="opacity: 0.8;filter: alpha(opacity=80);"></div>
        <div class="r_narrow" style="opacity: 0.8;filter: alpha(opacity=80);"></div>
      </div>
    </div>
    <div class="content content_bg clearfix">
      <div class="left">
        <div class="action_nav">
          <h3>Coming up Events</h3>
          <ul>
            <li><a href="#">Jan 31</a></li>
            <li><a href="#">Jan 31</a></li>
            <li><a href="#">Jan 31</a></li>
          </ul>
          <h3>Latest Events</h3>
          <ul class="latest-events">
            <li><a href="event/20120218.html" target="right-iframe">Feb 18</a></li>
          </ul>
          <h3>Past Events</h3>
          <div class="calendar clearfix">
            <ul>
              <li><a href="year/2012.html" target="right-iframe">2012</a></li>
              <li class="ac"><a href="year/2011.html" target="right-iframe">2011</a></li>
              <li><a href="year/2010.html" target="right-iframe">2010</a></li>
              <li><a href="year/2009.html" target="right-iframe">2009</a></li>
              <li><a href="year/2008.html" target="right-iframe">2008</a></li>
              <li><a href="year/2007.html" target="right-iframe">2007</a></li>
              <li><a href="year/2006.html" target="right-iframe">2006</a></li>
              <li><a href="year/2005.html" target="right-iframe">2005</a></li>
              <li><a href="year/2004.html" target="right-iframe">2004</a></li>
              <li><a href="year/2003.html" target="right-iframe">2003</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="right">
      	
	  	<iframe name="right-iframe" src="year/2011.html" frameborder="0" style="width:742px;height:600px"></iframe>
      </div>
    </div>
    <div class="footer">
      <p>© 2004-2012 Confrérie La Chaîne des Rôtisseurs</p>
      <p><a href="#">About Chaine</a><a href="#">Board</a><a href="#">Events</a><a href="#">Ribbon</a><a href="#">Contact us</a></p>
    </div>
  </div>
</div>
</body>
</html>
